<!doctype html>
<head>

    <meta charset="utf-8" />

    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>Shi Fu Mi</title>

    <meta name="description" content="" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link href="style.css" rel="stylesheet" />
    <link href="jquery-ui-1.8.18.custom.css" rel="stylesheet" />
    <link href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,bold" rel="stylesheet" /> <!-- Load Droid Serif from Google Fonts -->
    <link rel="icon" type="image/png" href="images/favicon.png"/> 
</head>

<body>

    <div id="wrapper">

        <header id="header" class="clearfix" role="banner">

            <hgroup>
                <h1 id="site-title"><a href="index.html">Shi Fu Mi</a></h1>
                <h2 id="site-description">Pierre feuille ciseaux en français</h2>
            </hgroup>

        </header>

        <div id="main" class="clearfix">

            <!-- Menu de navigation -->
            <nav id="menu" class="clearfix" role="navigation">
                <ul> 
                    <li class="current"><a href="index.html">Accueil</a></li>
                    <li><a href="about.html">A propos</a></li>
                    <li><a href="credits.html">Crédits</a></li>
                </ul>
            </nav>


            <!--[if lte IE 7]>
                <div class="ie"></div>
            <![endif]-->

            <div id="content" role="main">

                <article class="post">

                    <h1 class="entry-title">Le jeu</h1>
                    <div class="entry-content">
                        <p>Une fois la partie lancée, les tours vont s'enchaîner... Soyez prêts ! (lire les <a href="#" id="regles" title="règles">règles</a>)</p>

                        <!-- boite de dialogue des regles du jeu -->
                        <div id="dialog-modal" title="Les règles du Shi Fu Mi" style="display: none;">
                            <p>Comment les points sont comptés?
                            <ul>
                                <li>La feuille gagne le caillou</li>
                                <li>Le caillou gagne les ciseaux</li>
                                <li>Les ciseaux gagnent la feuille</li>
                            </ul>
                            La partie commence à partir du moment où le bouton "jouer" est pressé et s'arrête quand "stop" est pressé.<br/>
                            Les tours s'enchaînent et le récapitulatif des points est comptabilisé dans le tableau de résultat à droite.<br/>
                            Quand le joueur met fin à la partie, il saura s'il a gagné contre le hasard... ou pas.<br/>
                            Et maintenant, jouons !
                            </p>
                        </div>


                        <button id="jouer">Jouer</button>
                        <span id="rebour"></span>
                        <br/>
                        <!-- cote joueur -->
                        <div id="choix">
                            <figure id="pierre">
                                <img src="images/pierre.png" id="pierrei" alt="Pierre" title="Pierre"/>
                            </figure>
                            <figure id="feuille">
                                <img src="images/feuille.png" id="feuillei" alt="Feuille" title="Feuille"/>
                            </figure>
                            <figure id="ciseaux">
                                <img src="images/ciseaux.png" id="ciseauxi" alt="Ciseaux" title="Ciseaux"/>
                            </figure>
                        </div>

                        <!-- image de resultat du tour -->
                        <div id="resultat"> </div>

                        <!-- cote ordi -->
                        <div id="ordi"></div>

                        <!-- image de resultat de la partie -->
                        <div id="resultat_partie"></div>



                    </div>
                </article> 
            </div> 

            <aside id="sidebar" role="complementary">

                <aside class="widget">
                    <h2 id="widget_titre"></h2>

                    <table id="tableau">

                    </table>
                </aside> 

            </aside> 

        </div> 

        <footer id="footer">
            <p>
                <a href="#">Shifumi.com</a> <a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="Licence Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/80x15.png" /></a>
                <span class="sep">|</span>
                <a href="credits.html" title="Crédits du site">Crédits</a>
            </p>
        </footer> 

        <div class="clear"></div>

    </div>

    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/jquery-ui-1.8.18.custom.min.js"></script>
    <script src="js/shifumi.js"></script>

</body>
</html>
